body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  font-family: "Microsoft Yahei", sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;

  &:focus {
    outline: none;
  }
}

body {
  scrollbar-face-color: #25303C;
  scrollbar-highlight-color: #333;
  scrollbar-shadow-color: rgba(0, 0, 0, 0);
  scrollbar-track-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-base-color: #000000;
}

::-webkit-scrollbar {
  // width: 5px;
  width: 0;
  height: 10px;
  background-color: #292c35;
}

::-webkit-scrollbar-corner {
  background: #292c35; 
}

::-webkit-scrollbar-track {
  box-shadow: 0;
  border-radius: 10px;
  background-color: #292c35;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: 0;
  background-color: #255893;
}

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
}

html, body {
  height: 100%;
  width: 100%;
  background-color: #1E2026;
  // overflow-x: hidden;
  // position: relative;
}

body {
  min-width: 1200px;
}

#app {
  height: 100%;
}

input::-webkit-input-placeholder {
  color: #4E556A;
}

input::-moz-placeholder {
  color: #4E556A;
}

input:-moz-placeholder {
  color: #4E556A;
}

input:-ms-input-placeholder {
  color: #4E556A;
}

select::-ms-expand {
  display: none;
}

html input[disabled] {
  cursor: text;
}

::selection {
  background: #1890FF;
  color: #fff;
}

.form-note-container {
  button {
    width: auto;
  }
}

button {
  width: 120px;
}

.ant-layout {
  width: 1400px;
  margin: 0 auto;

  & > .ant-layout-header {
    z-index: 29;
    position: fixed;
    width: 1400px;
    top: 0;
    transition: padding-left 200ms;
  }
}

.ant-menu-inline {
  & > .ant-menu-submenu {
    & > .ant-menu-submenu-title {
      padding-left: 45px !important;
    }
  }
}

.ant-form-inline {
  .ant-form-item {
    margin-right: 0;
  }
}

.ant-input-number-input {
  height: 40px;
}

#login-form {
  .ant-input {
    border-color: #1C344F;
    background-color: transparent;
    border-radius: 4px;
    height: 50px;
    color: #000;
    &:focus {
      border-color: $blue;
      @include boxShadow(0, 0, 0.1px, $blue)
    }
  }
}

.ant-input {
  border-color: #000000;
  border-radius: 0;

  &:focus {
    border-color: #000000;
    @include boxShadow(0, 0, 0.1px, #000000)
  }
}

.ant-select {
  color: #D7E1ED;

  .ant-select-selection {
    background-color: #16181b;

    .ant-select-selection__placeholder, .ant-select-search__field__placeholder {
      color: #D7E1ED;
    }

    .ant-select-arrow {
      & > i {
        color: #6B839D;
      }
    }

    &:focus {
      border-color: #000000;
      @include boxShadow(0, 0, 0.1px, #000000)
    }
  }
}

.ant-select-disabled {
  color: gray;
  .ant-select-selection {
    background: #292C35;
  }
}

.ant-upload.ant-upload-select-picture-card {
  background: transparent;
  border-color: #516479 ;
}

.ant-upload-list {
  .ant-upload-list-item {
    &:hover {
      .ant-upload-list-item-info {
        background: transparent;
      }
    }
  }
}

.ant-select-open {
  .ant-select-selection {
    border-color: #000000;
    border-radius: 0;
    @include boxShadow(0, 0, 0.1px, #000000)
  }
}

.ant-select-selection {
  border-radius: 0;
}

.ant-select-focused .ant-select-selection {
  border-color: #000;
  @include boxShadow(0, 0, 0.1px, #000000)
}

.ant-select-tree-dropdown {
  .ant-select-not-found {
    color: #C8D0E9
  }
}

.ant-select-dropdown {
  background-color: #394047;
  border-radius: 0;

  .ant-select-dropdown-menu-item {
    padding: 8px 12px;

    &:hover {
      background-color: #394047;
    }
  }

  .ant-select-dropdown-menu {
    li {
      border-bottom: 1px solid #242229;
    }
  }

  .ant-select-dropdown-menu-item-active {
    background-color: #394047;
  }

  .ant-select-dropdown-menu-item-selected {
    background-color: #394047;
  }
}

.ant-select-tree {
  li {
    .ant-select-tree-node-content-wrapper {
      &:hover, &:focus {
        background-color: #394047;
      }
    }

    .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
      background-color: #394047;
      font-weight: 600;
    }
  }
}

.ant-table-tbody {
  tr td {
    height: 70px;
    padding: 0 16px;
  }
}

.ant-table-bordered.ant-table-empty {
  .ant-table-placeholder {
    border: 1px solid #14151A;
  }
}

.ant-table-bordered {
  .ant-table-placeholder {
    background: #2F3340;
    border: 1px solid #14151A;
  }

  .ant-table-thead {
    & > tr {
      & > th {
        border: 1px solid #14151A;
      }
    }
  }

  .ant-table-body {
    & > table {
      border: 1px solid #14151A;
    }
  }

  .ant-table-tbody {
    & > tr {
      &.clickRowStyle {
        background-color: #323D60 !important;
        &:not(.ant-table-expanded-row):hover > td {
          background-color: #323D60;
        }
      }
      & > td {
        border: 1px solid #14151A;
      }

      &:nth-of-type(odd) {
        background: #2F3340;
      }

      &:nth-of-type(even) {
        background: #252834;
      }
    }
  }
}

.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #14151A;
  padding: 0 16px;
  height: 55px;
  display: flex;
  align-items: center;
}

.ant-pagination-prev, .ant-pagination-next {
  .ant-pagination-item-link {
    background-color: #1890FF;
    color: #fff;

    &:hover {
      color: #fff;
    }
  }
}

.ant-pagination-item {
  background-color: #292C35;
  border-top-color: #2F3340;
  border-left-color: #292B10;
  border-right-color: #292B10;
  border-bottom-color: #14151A;
  color: #C8D0E9;

  &:hover, &:focus {
    border-color: #292C35;
    border-top-color: #2F3340;
    border-bottom-color: #14151A;
    border-left-color: #292B10;
    border-right-color: #292B10;

    a {
      color: #C8D0E9;
    }
  }
}

.ant-pagination-options-quick-jumper input:focus {
  border-color: #14151A;
  @include boxShadow(0, 0, 1px, #292c35)
}

.ant-pagination-item-active {
  background-color: #14151A;
  border-color: #14151A;

  & > a {
    color: #C8D0E9;

    &:hover {
      color: #C8D0E9;
    }
  }

  &:hover, &:focus {
    border-color: #16181b;
  }
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  color: #fff;
}

.ant-modal-wrap {
  .ant-modal-header {
    border-bottom-color: #1E2026;
  }

  .ant-modal-content {
    background-color: #1E2026;

    & > .ant-modal-close {
      width: 56px;

      &:hover {
        color: #fff;
      }
    }
  }

  .ant-modal-footer {
    padding: 28px 16px;
    margin: 0 auto;
    width: 90.5%;
    border-top-color: #131212;

    & > div {
      @include fj(space-between)
    }
  }
}

.progress-modal {
  .ant-modal-body {
    padding: 0;
    .ant-table-body {
      tr th {
        background: #232323;
        padding: 5px;
      }
      tr {
        background: #1E2026;
        td {
          border-color: #1E2026;
          height: 60px;
        }
      }
    }
    .ant-table-tbody > tr:not(.ant-table-expanded-row).ant-table-row-hover > td,
    .ant-table-tbody > tr:not(.ant-table-expanded-row):hover > td {
      background: #1E2026;
    }
    .ant-table-bordered .ant-table-placeholder {
      background: #232323;
    }
  }
}

.ant-calendar {
  background: #313941;
  border-color: #313941;
}

.ant-calendar-date:hover {
  background-color: #1890FF;
  color: #fff;
}

.ant-calendar-range {
  .ant-calendar-in-range-cell {
    &:before {
      background: #334458;
    }
  }
}

.ant-calendar-input-wrap {
  border-bottom-color: #000;
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: #6A6868;
}

.ant-calendar-footer,
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
  border-top-color: #000;
}

.ant-calendar-picker:focus, .ant-calendar-picker:hover {
  :not(.ant-input-disabled).ant-calendar-picker-input {
    border-color: #000000;
  }
}

.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
  color: #6A6868;
}

.ant-calendar-month-panel {
  background: #313941;
}

.ant-calendar-month-panel-month:hover {
  background: #1890FF;
  color: #fff;
}

.ant-calendar-header a:hover {
  color: #fff;
}

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month, .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #6A6868;
}

.ant-message {
  width: 100%;
  height: 100%;
  @include centering;

  .ant-message-notice-content {
    background-color: #DDE2EF;
    .ant-message-custom-content {
      & > i {
        display: none;
      }
      & > span {
        @include sc(16px, #333333)
      }
    }

    padding: 30px 100px;
  }
}

.delete-image {
  @include fj(space-around)
}

.form-note {
  margin-bottom: 20px;
}

.column-line {
  height: 10px;
  width: 1400px;
  background-color: #1E2026;
  position: fixed;
  top: 64px;
  z-index: 2;
  border: none
}

#update-form {
  label {
    font-size: 0.925rem;
  }
}

.ant-checkbox-inner {
  background: #575D64;
  border-color: #575D64;
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
  background: #575D64;
  border-color: #575D64;
}

.operate-module {
  & > .checkbox {
    @include flex_1;
    & > .ant-checkbox-group {
      @include fj(flex-start);
      flex-flow: row wrap;
      .ant-checkbox-group-item {
        width: 100px;
        margin-left: 100px;
        margin-bottom: 20px;
      }
    }
  }
}

#service-update {
  #level-choose {
    .ant-form-item-control {
      line-height: 41.5px;
    }
  }
  .ant-form-item-label {
    text-align: left;
  }
}

.form-main-content {
  padding-left: 18px;
  padding-right: 18px;
  .form-item {
    .ant-form-item {
      @include fj(flex-start);
      &>div {
        &+div {
          @include flex_1
        }
      }
    }
  }
}

.fly-address-modal {
  & > .ant-modal-content {
    & > .ant-modal-body {
      padding: 0;
    }
  }
}

.form-main-content {
  .edui-editor {
    z-index: 1 !important;
  }
}

.hourChangeInput {
  @include fj();
  .ant-input {
    width: 480px;
    text-indent: 20px;
  }
}

.constantTime {
  @include fj();
  .ant-input {
    width: 502px;
    text-indent: 20px;
  }
}

.ant-btn-primary[disabled] {
  background-color: $blue;
  -webkit-filter: grayscale(40%);
  filter: grayscale(40%);
  color: $fc;
  &:hover {
    background-color: $blue;
    -webkit-filter: grayscale(40%);
    filter: grayscale(40%);
    color: $fc;
  }
}

@media screen and (max-width: 1366px) {
  .ant-layout {
    width: 1200px;

    & > .ant-layout-header {
      width: 1200px;
    }

    .column-line {
      width: 1200px;
    }
  }
}
// 实时视频
.my-video {
  position: relative;
  .prompt {
    width: 300px;
    position: absolute;
    top: 10px;
    left: 10px;
    .head {
      margin: 0px 0px;
      height: 35px;
      background: #292c35;
      padding: 7px 10px;
      display: flex;
      justify-content: space-between;
      .uav{
        float: left;
        margin-top: 6px;
        margin-right: 10px;
      }
    }
    /deep/ .ant-collapse {
      background: #292c35;
      border-radius: 0;
      font-size: 13px;
      .ant-collapse-content-box {
        background: #292c35;
      }
      svg {
        transform: rotate(-90deg) scale(1.2);
      }
      p {
        margin-bottom: 5px;
      }
    }
    /deep/ .ant-collapse-item-active {
      background: #3398db;
      .ant-collapse-header {
        color: #fff;
      }
      svg {
        transform: rotate(90deg) scale(1.2) !important;
      }
    }
  }
  .hide {
    transition: 0.2s;
    transform: translateY(-101%);
  }
  .show {
    transition: 0.2s;
    transform: translateY(0px);
  }
}
.ant-modal{
    width: 500px !important;
    .ant-btn{
      width: 80px;
      height: 40px;
      padding: 0;
      border-radius: 2px;
  }
  .ant-btn-warning{
    color: #fff;
    background: #273848;
    border:1px solid #273848;
  }
}

.footer-wrap{
  display: flex !important;
  justify-content: center !important;
}

.ant-modal-body{
  padding: 24px 24px 0;
}
.ant-modal-wrap .ant-modal-footer{
  border: none;
}
.img-wrap {
  display: flex;
  justify-content: space-between;
  .upload-text {
    flex: 1;
    cursor: pointer;
    span{
        color: #138EFF !important;
    }
  }
  .upload-show{
      flex: 5;
  }
}
.ant-modal-wrap .ant-modal-footer{
  width:100%;
}
